.yg-category {
  .yg-category-nav {
    .icategory-nav {
      background-color: var(--themeColor);
      color: white;
    }
  }

  .yg-category-content {
    display: flex;

    .content-left {
      flex: 1;
      height: calc(100vh - 3.866667rem);
      // vh就是当前屏幕可见高度的1%，也就是说
      // height:100vh == height:100%;
      // 但是当元素没有内容时候，设置height:100%，该元素不会被撑开，此时高度为0，
      // 但是设置height:100vh，该元素会被撑开屏幕高度一致。
      background-color: #f3f3f3;
      overflow-y: scroll;

      .content-left-item {
        height: 1.2rem;
        font-size: 0.426667rem;
        line-height: 1.2rem;
        text-align: center;
      }

      .active {
        color: var(--themeColor);
        border-left: 2px solid var(--themeColor);
      }
    }

    .content-right {
      flex: 3;
      height: calc(100vh - 3.866667rem);
      // background-color: red;
      overflow-y: scroll;

      .content-right-item {
        .right-item-title {

          height: 1.333333rem;
          line-height: 1.333333rem;
          text-align: center;

        }

        .product-list {
          display: flex;
          flex-wrap: wrap;

          .product-list-item {
            width: 33.33%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            .imagerWrapper {
              img {
                width: 1.6rem;
                height: 1.6rem;

              }
            }

            .item-title {}
          }
        }
      }


    }
  }
}